﻿/* CSS RESET */

*
{
    margin: 0;
    padding: 0;
}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body
{
    line-height: 1;
}
ol, ul
{
    list-style: none;
}

blockquote, q
{
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: '';
    content: none;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}


/* CSS */

body
{
    background: #FFFFFF;
    color: Black;
    font-family: "Lucida Grande" , Aral, sans-serif !important;
    font-size: 0.875em !important;
    font-style: normal !important;
    line-height: 1.5em !important;
}

.page
{
    margin: 0 auto;
    min-height: 400px;
    padding-top: 10px;
    width: 980px;
}

.page-not-found
{
    margin: 50px 0 50px 100px;
}
.page-not-found .title
{
    border-right: solid 5px black;
    color: #ED170F;
    font-family: Verdana, Sans-Serif !important;
    font-style: normal;
    font-size: 3em;
    line-height: 1em;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}

/* Helper классы */

.floatRight
{
    float: right;
}

.floatLeft
{
    float: left;
}

h1, h2, h3, h4, h5, h6
{
    font-family: Georgia, Serif !important;
    font-style: normal !important;
    font-weight: normal !important;
}

/* 
    Верхняя часть страницы
        -Заголовок
        -Логотип
        -Навигационное меню
*/

.app-title
{
    background: transparent url(../image/logoKPI.png) no-repeat scroll 0 0;
    color: #8786EF;
    height: 100px;
    font-family: Verdana, Sans-Serif !important;
    font-size: 4em;
    font-style: normal;
    letter-spacing: -0.1em;
    line-height: 1.3em;
    margin-bottom: 10px;
    padding: 35px 0 0 140px;
}

.app-title span
{
    color: black;
    font-family: Arial, Sans-Serif;
    font-style: normal;
    letter-spacing: 0.01em;
    margin-left: 4px;
    text-align: center;
}

.page-menu
{
    background: transparent url(../image/menu.png) repeat-x scroll left bottom;
    border: solid 1px #EFEFEF;
    clear: both;
    height: 50px;
    width: 100%;
}

.page-menu .body
{
    list-style: none;
    margin: 15px 0 0 10px;
    width: auto;
}

.page-menu .body li
{
    border-right: solid 2px #EFEFEF;
    display: inline;
    margin: 0;
    font-family: "Lucida Grande" , Arial, Sans-Serif;
    font-size: 1.3em;
    padding: 0px 7px;
}

.page-menu .body li:first-child
{
    margin-left: 10px;
}

.page-menu .body li:last-child
{
    border: none;
}

.page-menu .body a
{
    color: #CFCFCF;
    text-decoration: none;
}

.page-menu .body a:hover
{
    color: black;
}

.page-menu .body .selected
{
    color: Black;
}

.page-menu .logout
{
    border: none !important;
    margin-right: 20px !important;
    font-size: 14px !important;
}
.logout a
{
    color: Black !important;
}
.logout a:hover
{
    text-decoration: underline !important;
}

/* Общий контент страницы */

.page-content
{
    clear: both;
    margin: 20px 0 30px 0;
    width: 100%;
}

/* Форма входа */

.page-entry
{
    background: transparent url(../Image/entry-form-upd.png) scroll 48% 50% no-repeat;
    display: table;
    height: 260px;
    left: 50%;
    margin-top: -200px;
    margin-left: -250px;
    position: absolute;
    top: 50%;
    width: 500px;
}
.page-entry-form
{
    padding: 110px 0 0 110px;
}

.page-entry-form td
{
    color: White;
    font-size: 1.2em;
    padding: 5px;
    text-align: right;
}
.page-entry-form .textBox
{
    font-size: 1em;
    width: 200px;
}

.page-entry span
{
    display: block;
    padding-left: 155px;
}
.page-entry a
{
    color: Black;
    font-family: "Lucida Grande" , Verdana, Sans-Serif;
    font-size: 0.9em;
    letter-spacing: 0.2px;
    text-decoration: none;
}
.page-entry a:hover
{
    text-decoration: underline;
}
.page-entry .submit
{
    margin: 10px 0 0 230px;
    width: 80px;
}

.error-message
{
    color: #FF4F4F;
    font-size: 1.2em;
    margin-top: -40px;
    padding: 10px;
    position: absolute;
    text-align: center;
    width: 500px;
}

/* Password Recovery */

.recovery-block
{
    display: table;
    height: 100px;
    left: 50%;
    margin-top: -50px;
    margin-left: -300px;
    position: absolute;
    top: 50%;
    width: 600px;
}
.recovery-block .email
{
    background: transparent url(../Image/mail.png) no-repeat scroll 0 0;
    height: 100px;
    padding: 27px 0 0 100px;
    width: 500px;
}

.recovery-block .email input
{
    font-family: "Lucida Grande" , Tahoma, Sans-Serif;
    font-size: 2em;
    height: 40px;
    width: 500px;
}

/* Footer */

.page-footer
{
    border-top: solid 1px #DFDFDF;
    clear: both;
    height: 70px;
    margin-top: 60px;
}

.page-footer span
{
    color: #8786EF;
    display: block;
    font-family: Georgia, Serif;
    font-size: 1.1em;
    padding: 5px 0 0 10px;
}

/* Student Page */

.page-content-left
{
    margin-left: 15px;
    width: 200px;
}

.page-content-left .photo
{
    width: 100%;
}

.page-content-left .menu
{
    list-style: none;
}

.page-content-left .menu li
{
    border-bottom: solid 1px #DFDFDF;
    padding: 0 0 5px 10px;
}

.page-content-left .menu a
{
    color: #BFBFBF;
    text-decoration: none;
}

.page-content-left .menu a:hover
{
    color: Black;
}

.page-content-right
{
    width: 765px;
}

.page-content-right .name
{
    font-size: 1.5em;
    margin: 10px 0 20px 35px;
}

.page-content-right .tabs
{
    border-bottom: solid 1px #DFDFDF;
    list-style: none;
}

.page-content-right .tabs li
{
    background: #DFDFDF;
    border-top: solid 1px #DFDFDF;
    border-left: solid 1px #DFDFDF;
    border-right: solid 1px #DFDFDF;
    display: inline;
    margin-left: 4px;
    padding: 5px 4px 4px 4px;
}

.page-content-right .tabs li:first-child
{
    margin-left: 35px;
}

.page-content-right .tabs li a
{
    color: #4F4F4F;
    font-family: Arial, Sans-Serif;
    font-size: 1.2em;
    letter-spacing: 0px;
    text-decoration: none;
}

.page-content-right .tabs .selected
{
    background: #FFFFFF;
    border-top: solid 1px #DFDFDF;
    border-left: solid 1px #DFDFDF;
    border-right: solid 1px #DFDFDF;
}

.page-content-right .tabs .selected a
{
    color: #000000;
}

.page-content-right .tabs .hover
{
    background: #5F5F5F;
    border-top: solid 1px #CFCFCF;
    border-left: solid 1px #CFCFCF;
    border-right: solid 1px #CFCFCF;
}

.page-content-right .tabs .hover a
{
    color: white;
}

.page-content-right .content-container
{
    padding: 25px 80px 0 50px;
}

.content-container .block
{
    padding: 5px 0px 30px 0px;
    width: auto;
}

.content-container .title
{
    font-family: "Lucida Grande" , Arial, Sans-Serif !important;
    font-size: 14px !important;
    line-height: 1.3em;
    border-bottom: solid 1px #DFDFDF;
    width: 100%;
}
.block .field
{
    color: #8F8F8F;
    font-family: "Lucida Grande" , Arial, Sans-Serif !important;
    font-size: 14px !important;
}
.block .field span
{
    color: Black;
}

/* Страница управления университетом */

.university-menu
{
    border: solid 1px #EFEFEF;
    margin-left: 20px;
    min-width: 400px;
    width: auto;
}

.university-menu .title
{
    background: transparent url(../image/menu.png) repeat-x scroll left bottom;
    border-bottom: solid 1px #EFEFEF;
    height: 35px;
    font-size: 1.2em;
    text-align: justify;
    width: 100%;
}

.university-menu .title span
{
    display: block;
    padding: 6px 0 0 8px;
}

#treeview
{
    margin-left: 10px;
}
#treeview *
{
    color: Black;
    font-family: "Lucida Grande" , Arial, Sans-Serif;
    font-size: 14px;
}

#treeview * span
{
    cursor: pointer;
    padding: 10px 0 10px 24px;
}

#treeview .faculty
{
    background: transparent url(../image/universities.png) no-repeat scroll -2px -60px;
}
#treeview .group
{
    background: transparent url(../image/universities.png) no-repeat scroll -2px -28px;
}
#treeview .department
{
    background: transparent url(../image/universities.png) no-repeat scroll -2px 2px;
}

/* Расписание */

.group-schedule
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #B6B5DF;
    padding: 10px 15px 15px 15px;
}

.group-schedule .dayname
{
    font-size: 1.3em;
    padding-bottom: 8px;
    text-align: center;
    width: 100%;
}

.group-schedule .dayname td, .group-schedule .schedule td
{
    width: 155px;
    padding-left: 5px;
}

.group-schedule .schedule
{
    background: white;
    width: 100%;
}

.group-schedule .schedule td
{
    border-right: solid 1px #DFDFFF;
    border-left: solid 1px #DFDFFF;
    border-bottom: solid 1px #DFDFFF;
    height: 60px !important;
    max-height: 60px !important;
    vertical-align: text-top;
}

.group-schedule .schedule tr td a
{
    color: Black;
    font-size: 0.9em;
    text-decoration: none;
}

.group-schedule .schedule .currentDay
{
    background: #FFF6CF;
}

.group-schedule .schedule .subjectTime
{
    background: #DFDFFF;
    border-right: solid 1px #BFBFBF;
    border-bottom: solid 1px #BFBFBF;
    font-size: 0.85em;
    width: 50px;
}

/* Class details */

.subject
{
    margin: 20px;
    width: auto;
}

.subject li
{
    height: 34px;
    margin-bottom: 5px;
}

.subject li span
{
    font-family: "Lucida Grande" , Arial, Sans-Serif;
    font-size: 1.2em;
    letter-spacing: 0.05em;
    line-height: 1.5em;
    display: inline-block;
    height: 100%;
    padding: 5px 0 0 37px;
}

.subject .title
{
    font-family: "Lucida Grande" , Arial, Sans-Serif !important;
    font-size: 2em;
    letter-spacing: 1px;
}

.subject .details
{
    float: left;
    margin: 50px 0 0 20px;
    width: 350px;
}

.details .date
{
    background: transparent url(../Image/date.png) no-repeat scroll 0 0;
}

.details .duration
{
    background: transparent url(../Image/time.png) no-repeat scroll 0 0;
}

.details .building
{
    background: transparent url(../Image/building.png) no-repeat scroll 0 0;
}

.details .teacher
{
    background: transparent url(../Image/person.png) no-repeat scroll 0 0;
}

.details .room
{
    background: transparent url(../Image/door.png) no-repeat scroll 0 0;
}

#map
{
    border: solid 1px #2F2F2F;
    float: right;
    height: 300px;
    margin-top: 48px;
    width: 560px;
}

/* Messages */
.message-menu
{
    width: 170px;
    margin-right: 10px;
}

.selected-option
{
    background: #EFEFEF;
}

.recieved-messages
{
    border-top: solid 2px #CFD0FF;
    border-bottom: solid 1px #CFD0FF;
    padding: 5px;
    width: 100%;
}

.recieved-messages a
{
    color: black;
    background: transparent url(../Image/messages.png) no-repeat scroll 0 0;
    padding-left: 20px;
    text-decoration: none;
}

.sent-messages
{
    border-bottom: solid 2px #CFD0FF;
    padding: 5px;
    width: 100%;
}

.sent-messages a
{
    color: black;
    background: transparent url(../Image/sent.png) no-repeat scroll 0 0;
    padding-left: 20px;
    text-decoration: none;
}

.search-messages
{
    background: white url(../Image/search.png) no-repeat scroll 98% 50%;
    border: solid 1px #CFD0FF;
    font-size: 1em;
    height: 25px;
    margin: 8px 0 20px 5px;
    width: 100%;
}

.message-container
{
    margin-left: 10px;
    width: 790px;
}

.message-control
{
    background: #EFEFEF;
    border-top: solid 2px #8F8F8F;
    height: 30px;
    margin-bottom: 10px;
    padding: 8px 0 0 10px;
}

.message-control li
{
    display: inline;
}

.message-control .new-message
{
    background: transparent url(../image/menu.png) repeat-x scroll left bottom;
    border: solid 1px #8F8F8F;
    cursor: pointer;
    font-size: 0.875em;
    padding: 5px;
}

.message
{
    border-top: solid 1px #CFD0FF;
    margin-bottom: 10px;
    padding: 10px;
    width: auto;
}

.message td
{
    padding: 5px 0;
    vertical-align: middle;
}

.message-checkbox
{
    padding-left: 15px !important;
    width: 30px;
}

.message-details
{
    padding-left: 10px !important;
    width: auto;
}

.message-details .sender
{
    color: #7778EF;
    font-family: "Lucida Grande" , Verdana, Sans-Serif;
    font-size: 0.875em;
    text-decoration: none;
}

.message-details .sender:hover
{
    text-decoration: underline;
}

.message-details .time
{
    color: #9F9F9F;
    font-family: "Lucida Grande" , Verdana, Sans-Serif;
    font-size: 0.78em;
    letter-spacing: -0.08em;
}

.message-body
{
    cursor: pointer;
    font-size: 0.875em;
    padding-left: 10px !important;
    width: 470px;
}

.message-subject
{
    color: #7778EF;
    text-decoration: underline;
}

.message-text
{
    color: #9F9F9F;
}

.message-actions
{
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.message-actions a
{
    color: #7778EF;
    display: block;
    margin-top: 5px;
    text-decoration: none;
}

.message-actions a:hover
{
    text-decoration: underline;
}

.newMessageSubject
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    border: solid 1px #85b1de;
    width: 80%;
}
.newMessageBody
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    border: solid 1px #85b1de;
    width: 80%;
    height: 200px;
}
.delete
{
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}
.reply
{
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}
body
{
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
a.button
{
    background: url(../Image/Buttons/button.gif);
    display: block;
    color: #555555;
    font-weight: bold;
    height: 30px;
    line-height: 29px;
    margin-bottom: 14px;
    text-decoration: none;
    width: 191px;
}
a:hover.button
{
    color: #0066CC;
}

/* -------------------- */
/* CLASSES				*/
/* -------------------- */

.cancel
{
    background: url(../Image/Buttons/delete.gif) no-repeat 10px 8px;
    text-indent: 30px;
    display: block;
}
.user
{
    background: url(../Image/Buttons/user.gif) no-repeat 10px 8px;
    text-indent: 30px;
    display: block;
}

.msg
{
    background: url(../Image/Buttons/msg.gif) no-repeat 10px 8px;
    text-indent: 30px;
    display: block;
}
